<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="index.css" />
	</head>
	<body>
		<div class="flow-node branch">
			<div class="nodes">
				<div class="flow-node start">
					<div class="bottom-v-line"></div>
					<div class="add-node-btn">
						<div class="add-btn">+</div>
						<div class="add-node-types">
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/审批人.png"></div>
									<div class="node-type-name">审批</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/抄送人.png"></div>
									<div class="node-type-name">抄送人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/办理人.png"></div>
									<div class="node-type-name">办理人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/条件分支.png"></div>
									<div class="node-type-name">条件分支</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bottom-v-arrow"></div>
					<div class="flow-node-container ">
						<div class="node-title">提交</div>
						<div class="node-content">提交人：李飞飞</div>
					</div>
				</div>
				<div class="flow-node approval">
					<div class="bottom-v-line"></div>
					<div class="add-node-btn">
						<div class="add-btn">+</div>
						<div class="add-node-types">
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/审批人.png"></div>
									<div class="node-type-name">审批</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/抄送人.png"></div>
									<div class="node-type-name">抄送人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/办理人.png"></div>
									<div class="node-type-name">办理人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/条件分支.png"></div>
									<div class="node-type-name">条件分支</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bottom-v-arrow"></div>
					<div class="flow-node-container ">
						<div class="node-title">
							<div class="label">
								审批节点1
							</div>
							<div class="close-btn">×</div>
						</div>
						<div class="node-content">
							<div>提交人：李飞飞</div>
							<div>提交人：李飞飞</div>
						</div>
					</div>
				</div>
				<div class="flow-node approval">
					<div class="bottom-v-line"></div>
					<div class="add-node-btn">
						<div class="add-btn">+</div>
						<div class="add-node-types">
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/审批人.png"></div>
									<div class="node-type-name">审批</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/抄送人.png"></div>
									<div class="node-type-name">抄送人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/办理人.png"></div>
									<div class="node-type-name">办理人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/条件分支.png"></div>
									<div class="node-type-name">条件分支</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bottom-v-arrow"></div>
					<div class="flow-node-container ">
						<div class="node-title">审批节点2</div>
						<div class="node-content">提交人：李飞飞</div>
					</div>
				</div>
				<div class="flow-node cc">
					<div class="bottom-v-line"></div>
					<div class="add-node-btn">
						<div class="add-btn">+</div>
						<div class="add-node-types">
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/审批人.png"></div>
									<div class="node-type-name">审批</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/抄送人.png"></div>
									<div class="node-type-name">抄送人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/办理人.png"></div>
									<div class="node-type-name">办理人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/条件分支.png"></div>
									<div class="node-type-name">条件分支</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bottom-v-arrow"></div>
					<div class="flow-node-container ">
						<div class="node-title">抄送后勤部</div>
						<div class="node-content">提交人：李飞飞</div>
					</div>
				</div>
				<div class="flow-node route">
					<div class="top-h-line"></div>
					<div class="add-branch">
						<div class="add-branch-inner"><span>＋ 添加条件分支</span></div>
					</div>
					<div class="branchs">
						<div class="flow-node branch">
							<div class="top-line-mask"></div>
							<div class="top-v-line"></div>
							<div class="bottom-v-arrow"></div>
							<div class="nodes">
								<div class="flow-node condition">
									<div class="bottom-v-line"></div>
									<div class="add-node-btn">
										<div class="add-btn">+</div>
										<div class="add-node-types">
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/审批人.png"></div>
													<div class="node-type-name">审批</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/抄送人.png"></div>
													<div class="node-type-name">抄送人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/办理人.png"></div>
													<div class="node-type-name">办理人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/条件分支.png"></div>
													<div class="node-type-name">条件分支</div>
												</div>
											</div>
										</div>
									</div>
									<div class="bottom-v-arrow"></div>
									<div class="flow-node-container ">
										<div class="node-title">条件分支</div>
										<div class="node-content">提交人：李飞飞</div>
									</div>
								</div>
								<div class="flow-node approval">
									<div class="bottom-v-line"></div>
									<div class="add-node-btn">
										<div class="add-btn">+</div>
										<div class="add-node-types">
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/审批人.png"></div>
													<div class="node-type-name">审批</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/抄送人.png"></div>
													<div class="node-type-name">抄送人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/办理人.png"></div>
													<div class="node-type-name">办理人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/条件分支.png"></div>
													<div class="node-type-name">条件分支</div>
												</div>
											</div>
										</div>
									</div>
									<div class="bottom-v-arrow"></div>
									<div class="flow-node-container ">
										<div class="node-title">审批节点</div>
										<div class="node-content">提交人：李飞飞</div>
									</div>
								</div>
							</div>
							<div class="bottom-v-line"></div>
							<div class="bottom-line-mask"></div>
						</div>
						<div class="flow-node branch">
							<div class="top-line-mask"></div>
							<div class="top-v-line"></div>
							<div class="bottom-v-arrow"></div>
							<div class="nodes">
								<div class="flow-node condition">
									<div class="bottom-v-line"></div>
									<div class="add-node-btn">
										<div class="add-btn">+</div>
										<div class="add-node-types">
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/审批人.png"></div>
													<div class="node-type-name">审批</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/抄送人.png"></div>
													<div class="node-type-name">抄送人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/办理人.png"></div>
													<div class="node-type-name">办理人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/条件分支.png"></div>
													<div class="node-type-name">条件分支</div>
												</div>
											</div>
										</div>
									</div>
									<div class="bottom-v-arrow"></div>
									<div class="flow-node-container ">
										<div class="node-title">条件分支</div>
										<div class="node-content">提交人：李飞飞</div>
									</div>
								</div>
								<div class="flow-node approval">
									<div class="bottom-v-line"></div>
									<div class="add-node-btn">
										<div class="add-btn">+</div>
										<div class="add-node-types">
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/审批人.png"></div>
													<div class="node-type-name">审批</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/抄送人.png"></div>
													<div class="node-type-name">抄送人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/办理人.png"></div>
													<div class="node-type-name">办理人</div>
												</div>
											</div>
											<div class="node-type-wrap">
												<div class="node-type">
													<div class="node-type-icon"><img class="undefined"
															src="imgs/icon/条件分支.png"></div>
													<div class="node-type-name">条件分支</div>
												</div>
											</div>
										</div>
									</div>
									<div class="bottom-v-arrow"></div>
									<div class="flow-node-container ">
										<div class="node-title">审批节点</div>
										<div class="node-content">提交人：李飞飞</div>
									</div>
								</div>
							</div>
							<div class="bottom-v-line"></div>
							<div class="bottom-line-mask"></div>
						</div>
					</div>
					<div class="bottom-h-line"></div>
					<div class="bottom-v-line"></div>
					<div class="add-node-btn">
						<div class="add-btn">+</div>
						<div class="add-node-types">
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/审批人.png"></div>
									<div class="node-type-name">审批</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/抄送人.png"></div>
									<div class="node-type-name">抄送人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/办理人.png"></div>
									<div class="node-type-name">办理人</div>
								</div>
							</div>
							<div class="node-type-wrap">
								<div class="node-type">
									<div class="node-type-icon"><img class="undefined" src="imgs/icon/条件分支.png"></div>
									<div class="node-type-name">条件分支</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bottom-v-arrow"></div>
				</div>
				<div class="flow-node end">
					<div class="flow-node-container ">
						<div class="node-title">结束</div>
						<div class="node-content">提交人：李飞飞</div>
					</div>
				</div>
			</div>
		</div>


		
	</body>
</html>

<script type="text/javascript">
	document.getElementById("anticon").onmouseover = function(e) {
		alert("鼠标悬浮")
		document.getElementById("remark-info-panel").style.display = "block";
	}

	document.getElementById("anticon").addEventListener("onmouseout", (e) => {
		document.getElementById("remark-info-panel").style.display = "none";
	})
</script>
